<template>
  <div id="app">
    
    <router-view/>
    <div class="footer-box">
      <!-- <div class="eary-foot" v-for="(item,index) in footList" :key='index'>
        <img :src="item.imgerUrl" alt="">
        <p>{{  item.name }}</p>
      </div> -->
      <router-link to='/home' tag="div" class="eary-foot">
        <img src="./assets/css/tuijian.png" alt="">
        <p>推荐</p>
      </router-link>
      <router-link to='/fenlan' tag="div" class="eary-foot">
        <img src="./assets/css/fenlan.png" alt="">
        <p>分类</p>
      </router-link>
      <router-link to='shoucang' tag="div" class="eary-foot">
        <img src="./assets/css/shoucang(1).png" alt="">
        <p>收藏</p>
      </router-link>
      <router-link to='/gengduo' tag="div"  class="eary-foot">
        <img src="./assets/css/gengduo.png" alt="">
        <p>更多</p>
      </router-link>
    </div>
  </div>
</template>

<script>
import { getFLData, getJSData, getFLJSData } from './assets/utils/getPostData'
export default {
  created() {
    // getFLData();
    // getJSData('羊肉',10);
    // getFLJSData(7,0,10)
  },
  // data() {
  //   return {
  //     footList:[
  //       {name:'推荐',imgerUrl:require('./assets/css/tuijian.png')},
  //       {name:'分类',imgerUrl:require('./assets/css/fenlan.png')},
  //       {name:'收藏',imgerUrl:require('./assets/css/shoucang(1).png')},
  //       {name:'更多',imgerUrl:require('./assets/css/gengduo.png')}
  //     ]
  //   }
  // },
}
</script>

<style lang="less" scoped>
.footer-box{
  width: 100%;height: 57px;display: flex;justify-content: space-around;align-items: center;
  position: fixed;bottom: 0;left: 0;border-top: 0.5px solid #aaa;
  .eary-foot{
    width: 12%;height: 55px;
    img{width: 33px;height: 33px;}
    p{width: 100%;height: 22px;font-size: 16px;}
  }
}
.router-link-active{
  img{background-color:skyblue;}
  color: skyblue;
}
  
</style>
